*{
	margin:0;
	padding:0;
}
#bg{
	width:1000px;
	height:1000px;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);

	transition: all 2s ;
	/*background-color: pink;*/
}
.row1 div ,.row2 div,.row3 div{
	background: -webkit-linear-gradient(top,#fefefe 25%,#dedede);
	border-radius: 50%;
}

.row1 div {
	position: absolute;
	width:100px;
	height: 100px;
	left:50%;
	top:50%;
	margin-top:-350px;
	margin-left:-500px;
}
.row1 .orb2{
	margin-top:-350px;
	margin-left:1000px;
}


.row2 div {
	position: absolute;
	width:300px;
	height: 300px;
	left:50%;
	top:50%;
	margin-top:-200px;
	margin-left:-600px;
}
.row2 .orb2{
	margin-top:30px;
	margin-left:0px;
}

.row2 .orb3{
	margin-top:-200px;
	margin-left:800px;
}

.row3 div {
	position: absolute;
	width:400px;
	height: 400px;
	left:50%;
	top:50%;
	margin-top:100px;
	margin-left:200px;
}
.row3 orb1{

}
.row1  div{
	animation : orbmove 100s linear infinite;
}
.row2  div{
	animation : orbmove 40s linear  infinite;
}
.row3  div{
	animation : orbmove 80s linear  infinite;
}
@keyframes orbmove {
	from {
		transform: translate(0,0) rotate(0);
	}
	to{
transform: translate(-2000px,0) rotate(1800deg);
	}
}
.section1{
	perspective: 1000px;
}
.comein .p1{
transform: translate(-50%,-50%) translateZ(0px) rotateY(0deg);
}
.p1{
	width:880px;
	height:320px;
	background: url(../images/skin.gif) no-repeat;
	position: absolute;;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%)  translateZ(500px) rotateY(-180deg);
	transition: all 1s ;
}

.rotate {
	transform: translate(-50%,-50%)   rotateZ(-60deg)!important;
}
.section2 {
	perspective: 1000px;
}

.p2 {
	width : 316px;
	height:360px;
	position : absolute;
	left:50%;
	top:50%;
	transform: translate3d(-50%,-50%,-6000px) scale(0.1);
	transition: all 1s;
}
.section3 {
	perspective: 1000px
}
.p3 {
	width:1440px;
	height:760px;
	background-color: pink;
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-270px;
	margin-top:-284px;
	border:1px solid #ccc;
	/*transform: translateZ(-50px) rotateX(30deg);*/
	transform: translateZ(1100px) rotateX(120deg);
	transition:all 1s;
}
.title3-1{
	box-shadow: 1px 2px 15px 1px rgba(0,0,0,.3);
}
.title3-2{
	position: absolute;
	left:35%;
	top:50%;
	transform: translate(-2000px,-50%) translateZ(1200px) rotateY(-90deg);
	transition:all 1s;

}
.section4{
	perspective: 500px;
}
.section4 img {
	position: absolute;;
}
.p4 {
	position: absolute;
	width:500px;
	height:400px;
	left:50%;
	top:50%;
	transform: translate(-2000,-50%) rotateX(120deg) translateZ(1200px) ;
	/*background-color: pink;*/
	transition: all 1s;

}
.img4-1 {
	left:50%;
	top:10%;
	transform: translateX(-1000px);
	transition: all 2s;
}
.img4-2 {
	left:238px;
	top:45px;
}
.img4-3 {
	left:2px;
	top:88px;
}
.img4-4 {
	left:39px;
	top:-56px;
}
.img4-5 {
	left:260px;
	top:260px;
}

